<template>
  <HtitleNav title="个人中心" subheading="这里可以修改你的个人信息" />
  <n-table :single-line="false" style="margin-top: 10px;">
    <thead>
      <tr>
        <th>账号名称</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>{{userName}}</td>
      </tr>
    </tbody>
  </n-table>
</template>
<script setup>
import HtitleNav from "@/components/HtitleNav/HtitleNav.vue"
import { ref, onMounted } from "vue"
import { mainData } from "@/stores/index.js"
import { storeToRefs } from "pinia"


// 变量区域
let piniaData = mainData()

let { webTitle, ifUserAuthority, userName } = storeToRefs(piniaData)

onMounted(() => {

})
</script>
<style scoped>
@import url("@/styles/ViewCss/UserView.css");
</style>